<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置</title>
    <link rel="icon" href="../jpg/set.png" type="image/x-icon">
    <link rel="stylesheet" href="../css/set.css" type="text/css">
    <link rel="stylesheet" href="../css/index.css" type="text/css">


    <script language="javascript">
        $(function() {
            //当鼠标滑入时将div的class换成divOver
            $('.divbox').hover(function() {
                $(this).addClass('divOver');

            }, function() {
                //鼠标离开时移除divOver样式
                $(this).removeClass('divOver');

            });

        });
    </script>
</head>

<body>
    <div class="menu">
        <div class="left">
            <ul>
                <li><img src="../jpg/demo3.png"></li>
                <li><a href="../index.html">首页</a></li>
                <li>
                    <a href="../webs/live.html">随笔</a>
                </li>
                <li>
                    <a href="#">娱乐</a>
                </li>

                <li><a href="../webs/record.html">留言</a></li>
                <li><a href="../webs/resume.html">个人中心</a></li>

            </ul>

        </div>
        <div class="right">
            <ul>

                <li>
                    <a href="../webs/set.html" target="_blank"> <img src="../jpg/set.png" width="30px" height="30px"></a>
                </li>
                <li>
                    <a href="../webs/sign.html" target="_blank">
                        <img src="../jpg/logon.png" width="30px" height="30px">
                    </a>
                </li>
                <li>
                    <input type="text" placeholder="请输入..." name="" id="" value="" style="border-top-left-radius: 15px;
                    border-top-right-radius: 15px;
                    border-bottom-left-radius: 15px;
                    border-bottom-right-radius: 15px;" />&nbsp;&nbsp;
                    <a href="../webs/find.html" target="_blank"><button style="border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                    border-bottom-left-radius: 12px;
                    border-bottom-right-radius: 12px;">搜</button>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <div box>
        <div class="set1">
            <h1>设置</h1>
            <ul class="set">
                <a href="#t1">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;个人资料 </li>
                </a>
                <a href="#t2">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;隐私、搜索和服务 </li>
                </a>
                <a href="#t3">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;外观 </li>
                </a>
                <a href="#t4">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;启动时 </li>
                </a>
                <a href="#t5">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;新标签 </li>
                </a>
                <a href="#t6">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;共享、复制和粘贴 </li>
                </a>
                <a href="#t7">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;cookie和网站权限 </li>
                </a>
                <a href="#t8">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;默认浏览器 </li>
                </a>
                <a href="#t9">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;下载 </li>
                </a>
                <a href="#t10">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;家庭安全 </li>
                </a>
                <a href="#t11">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;语言 </li>
                </a>
                <a href="#t12">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;打印机 </li>
                </a>
                <a href="#t13">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;系统 </li>
                </a>
                <a href="#t14">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;重置设置 </li>
                </a>
                <a href="#t15">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;手机和其他设备 </li>
                </a>
                <a href="#t16">
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;关于 Microsoft Edge </li>
                </a>

            </ul>


        </div>
        <div class="set2">
            <a name="t1"><img src="../jpg/set1.jpg"></a>
            <a name="t2"><img src="../jpg/set2.png"></a>
            <a name="t3"><img src="../jpg/set3.png "></a>
            <a name="t4"><img src="../jpg/set4.png "></a>

            <a name="t5"><img src="../jpg/set5.png"></a>
            <a name="t6"><img src="../jpg/set6.png"></a>
            <a name="t7"><img src="../jpg/set7.png "></a>
            <a name="t8"><img src="../jpg/set8.png "></a>

            <a name="t9"><img src="../jpg/set9.png"></a>
            <a name="t10"><img src="../jpg/set10.png"></a>
            <a name="t11"><img src="../jpg/set11.png "></a>
            <a name="t12"><img src="../jpg/set12.png "></a>

            <a name="t13"><img src="../jpg/set13.png"></a>
            <a name="t14"><img src="../jpg/set14.png"></a>
            <a name="t15"><img src="../jpg/set15.png "></a>
            <a name="t16"><img src="../jpg/set16.png "></a>



        </div>
    </div>
</body>

</html>